jQuery(document).ready(function() {
	// Ajusta la posicion del formulario para iniciar sesion
	ajustarFormatoLoginBox();

	jQuery(window).resize(function(e) {
		ajustarFormatoLoginBox();
	});

	// Marca con la clase "sobre" los itemes de menus cuando el puntero del mouse se desplaza sobre estos
	jQuery('#top-content ul.menu li').hover(function(e) {
		jQuery(this).toggleClass('sobre').children('ul.submenu').toggleClass('activo');
		
		// Ajusta la posicion del submenu que se abre a la izquierda y lo muestra
		jQuery(this).children('ul.submenu.left-right.activo').css('left', -jQuery(this).children('ul.submenu').width());
	}, function(e) {
		// Ajusta la posicion del submenu que se abre a la izquierda y lo esconde
		jQuery(this).children('ul.submenu.left-right.activo').css('left', -10000);
			
		jQuery(this).toggleClass('sobre').children('ul.submenu').toggleClass('activo');
	});
	
	// Marca con la clase "activo" los itemes de menus cuando el puntero del mouse hace clic sobre estos
	jQuery('#top-content ul.menu li').click(function(e) {
		jQuery(this).toggleClass('activo');
	});
	
	// Muestra el formulario para iniciar sesion y la capa ligth-box al hacer clic en el enlace para identificarse
	jQuery('.log-in-link').click(function(e) {
		mostrarLoginBox();
	});

	// Esconde el formulario para iniciar sesion y la capa ligth-box al presionar la tecla ESC
	jQuery(window).keypress(function(e) {
		if(e.which == 27 || e.keyCode == 27) {
			esconderLoginBox();
		}
	});

	// Esconde el formulario para iniciar sesion y la capa ligth-box al hacer clic en la capa ligth-box
	jQuery('#ligth-box').click(function(e) {
			esconderLoginBox();
	});

	// Cambia el valor del campo user_login
	jQuery('#user_login').focus(function(e) {
		if(jQuery(this).val() == 'Usuario') {
			jQuery(this).val('');
		}
	});
	
	jQuery('#user_login').blur(function(e) {
		if(jQuery(this).val() == '') {
			jQuery(this).val('Usuario');
		}
	});


	// FUNCIONES Y METODOS

	function ajustarFormatoLoginBox() {	
		// Posiciona al centro de la ventana el formulario para iniciar sesion
		jQuery('#login-box').css({
			top: Math.round((jQuery(window).height() - jQuery('#login-box').height())/2, 0),
			left: Math.round((jQuery(window).width() - jQuery('#login-box').width())/2, 0)
		});
	}

	// Muestra el formulario para iniciar sesion y la capa ligth-box
	function mostrarLoginBox() {
		jQuery('#ligth-box, #login-box').fadeIn('fast', function(e) {
			jQuery(this).toggleClass('activo');
		});
	}

	// Esconde el formulario para iniciar sesion y la capa ligth-box
	function esconderLoginBox() {
		jQuery('#ligth-box.activo, #login-box.activo').fadeOut('fast', function(e) {
			jQuery('.log-in-link').parent('li.activo').toggleClass('activo');
			jQuery(this).toggleClass('activo');
		});
	}
});